<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Tmall.com</title>
  <link rel="shortcut icon" href="//img.alicdn.com/tfs/TB1XlF3RpXXXXc6XXXXXXXXXXXX-16-16.png" type="image/x-icon">

  <link rel="stylesheet" href="../css/index.css">
  <link rel="stylesheet" href="../frons/iconfont.css">
  <link rel="stylesheet" href="../libs/swiper.min.css">
  <link rel="stylesheet" href="../css/header.css">
  <link rel="stylesheet" href="../css/footer.css">
</head>

<body>
  <!-- 最外层 -->
  <div class="home">
    <!-- //头部导航 -->


    <div class="nav">
      <div class="wrap">
        <ul class="nav_left">
          <li><span class="icon iconfont">&#xe60a;</span><a href="#">天猫首页</a></li>
          <li><a href="#">喵,欢迎来天猫</a></li>
          <li><a href="login.html">请登录</a></li>
          <li><a href="register.html">免费注册</a></li>
        </ul>
        <!-- <div id="clearfloat"></div> -->

        <ul class="nav_right">
          <li>
            <a href="#">我的淘宝</a>
            <span class="sanjiao"></span>
            <div class="se_mu">
              <a href="#">已买到的宝贝</a>
              <a href="#">已卖出的宝贝</a>
            </div>

          </li>
          <li><span class="icon iconfont">&#xe865;</span><a href="car.html">购物车</a></li>
          <li>
            <a href="#">收藏夹</a>
            <span class="sanjiao"></span>
            <div class="se_mu">
              <a href="#">收藏的宝贝</a>
              <a href="#">收藏的店铺</a>
            </div>
          </li>
          <li><span>|</span></li>
          <li><span class="icon iconfont">&#xe641;</span><a href="#">手机版</a></li>
          <li><a href="#">淘宝网</a></li>
          <li>
            <a href="#">商家支持</a>
            <span class="sanjiao"></span>
            <div class="shangjia">
              <ul>
                <li>
                  <h3>商家：</h3>
                  <a href="#">商家中心</a>
                  <a href="#">天猫规则</a>
                  <a href="#">商家入驻</a>
                  <a href="#">运营服务</a>
                  <a href="#">商家品控</a>
                  <a href="#">商家工具</a>
                  <a href="#">天猫智库</a>
                  <a href="#">喵言喵语</a>
                </li>
                <li>
                  <h3>帮助：</h3>
                  <div><a href="#">商家服务大厅</a></div>
                  <div><a href="#">问商友</a></div>
                </li>
              </ul>
            </div>
          </li>
        </ul>
        <!-- <div id="clearfloat"></div>       -->
      </div>
      <div id="clearfloat"></div>

    </div>


    <!-- //搜索栏 -->
    <div class="search">
      <div class="s_logo">
        <img src="../img/s_logo.png" alt="">
      </div>
      <div class="s_search">
        <input type="text" placeholder="搜索 天猫 商品/品牌/店铺">
        <div class="s_btn">搜索</div>
      </div>
    </div>

    <!-- //主题部分 -->

    <div class="home_body">
      <div class="home_body_wrap">
        <!-- 侧边链接 轮播图 用户信息 -->
        <div class="body_nav">
          <h2>主题市场</h2>
          <div class="body_nav_right">
            <a href="#"><img src="../img/btmcs.png" alt="">
            </a>
            <a href="#"><img src="../img/btmgj.png" alt=""></a>
            <a href="#">天猫会员</a>
            <a href="#">喵鲜生</a>
            <a href="#">医药馆</a>
            <a href="#">魅力惠</a>
            <a href="#">飞猪旅行</a>
            <a href="#">苏宁易购</a>
            <a href="#">天猫内容</a>
          </div>
          <div id="clearfloat"></div>
        </div>
        <div class="body_content">
          <!-- 主题部分侧边链接 -->
          <div class="body_content_l">
            <div>
              <span class="iconfont">&#xe628;</span>
              <a href="list.html">女装</a>
              <span>/</span>
              <a href="#">内衣</a>
            </div>
            <div>
              <span class="iconfont">&#xe608;</span>
              <a href="#">男装</a>
              <span>/</span>
              <a href="#">运动户外</a>
            </div>
            <div>
              <span class="iconfont">&#xe609;</span>
              <a href="#">女鞋</a>
              <span>/</span>
              <a href="#">男鞋</a>
              <span>/</span>
              <a href="#">箱包</a>
            </div>
            <div>
              <span class="iconfont">&#xe60e;</span>
              <a href="#">美妆</a>
              <span>/</span>
              <a href="#">个人护理</a>
            </div>
            <div>
              <span class="iconfont icon-zhubaoshipin"></span>
              <a href="#">腕表</a>
              <span>/</span>
              <a href="#">眼镜</a>
              <span>/</span>
              <a href="#">珠宝饰品</a>
            </div>
            <div>
              <span class="iconfont">&#xe641;</span>
              <a href="#">手机</a>
              <span>/</span>
              <a href="#">数码</a>
              <span>/</span>
              <a href="#">电脑办公</a>
            </div>
            <div>
              <span class="iconfont">&#xe602;</span>
              <a href="#">母婴玩具</a>

            </div>
            <div>
              <span class="iconfont">&#xe60c;</span>
              <a href="#">零食</a>
              <span>/</span>
              <a href="#">茶酒</a>
              <span>/</span>
              <a href="#">进口食品</a>
            </div>
            <div>
              <span class="iconfont">&#xe612;</span>
              <a href="#">生鲜水果</a>

            </div>
            <div>
              <span class="iconfont">&#xe623;</span>
              <a href="#">大家电</a>
              <span>/</span>
              <a href="#">生活电器</a>
            </div>
            <div>
              <span class="iconfont">&#xe601;</span>
              <a href="#">家具</a>
              <span>/</span>
              <a href="#">灯具</a>
              <span>/</span>
              <a href="#">卫浴</a>
            </div>
            <div>
              <span class="iconfont">&#xe604;</span>
              <a href="#">汽车</a>
              <span>/</span>
              <a href="#">配件</a>
              <span>/</span>
              <a href="#">用品</a>
            </div>
            <div>
              <span class="iconfont">&#xe605;</span>
              <a href="#">家纺</a>
              <span>/</span>
              <a href="#">家饰</a>
              <span>/</span>
              <a href="#">鲜花</a>
            </div>
            <div>
              <span class="iconfont">&#xe606;</span>
              <a href="#">医药保健</a>
            </div>
            <div>
              <span class="iconfont">&#xe618;</span>
              <a href="#">厨具</a>
              <span>/</span>
              <a href="#">收纳</a>
              <span>/</span>
              <a href="#">宠物</a>
            </div>
            <div>
              <span class="iconfont">&#xe607;</span>
              <a href="#">图书音像</a>
            </div>
          </div>
          <!-- 轮播图区域 -->
          <div class="body_content_c">
            <!-- 大轮播图 -->
            <div class="slideshow_top">
              <div class="swiper mySwiper mySwiper2">
                <div class="swiper-wrapper">
                  <div class="swiper-slide"><a href="#"><img src="../img/bswiper1.webp" alt=""></a></div>
                  <div class="swiper-slide"><a href="#"><img src="../img/bswiper2.jpg" alt=""></div>
                  <div class="swiper-slide"><a href="#"><img src="../img/bswiper3.webp" alt=""></div>
                  <div class="swiper-slide"><a href="#"><img src="../img/bswiper4.webp" alt=""></div>
                  <div class="swiper-slide"><a href="#"><img src="../img/bswiper5.webp" alt=""></div>
                </div>
                <div class="swiper-button-next" style="right: -8px;"></div>
                <div class="swiper-button-prev" style="left: -1px;"></div>
                <div class="swiper-pagination"></div>
              </div>
            </div>
            <!-- 小轮播图 -->
            <div class="slieshow_buttom">
              <div class="swiper mySwiper mySwiper1">
                <div class="swiper-wrapper">
                  <div class="swiper-slide"><a href="#"><img src="../img/lswiper1.webp" alt=""></a></div>
                  <div class="swiper-slide"><a href="#"><img src="../img/lswiper2.webp" alt=""></a></div>
                  <div class="swiper-slide"><a href="#"><img src="../img/lswiper3.webp" alt=""></a></div>
                  <div class="swiper-slide"><a href="#"><img src="../img/lswiper4.webp" alt=""></a></div>
                  <div class="swiper-slide"><a href="#"><img src="../img/lswiper5.webp" alt=""></a></div>
                  <div class="swiper-slide"><a href="#"><img src="../img/lswiper6.webp" alt=""></a></div>
                  <div class="swiper-slide"><a href="#"><img src="../img/lswiper7.webp" alt=""></a></div>
                  <div class="swiper-slide"><a href="#"><img src="../img/lswiper8.webp" alt=""></a></div>
                </div>
                <div class="swiper-button-next" style="right: 3px;"></div>
                <div class="swiper-button-prev"></div>
                <!-- <div class="swiper-pagination"></div> -->
              </div>

            </div>
          </div>

          <!-- 轮播图的右边 -->
          <div class="body_content_right">
            <div class="user_message">
              <div>
                <a href="login.html">
                  <img src="../img/tx.jpg" alt="" class="tx">
                </a>
                <span>Hi! 天猫</span>
              </div>
            </div>
            <div class="pic">
              <div>
                <a href="#">
                  <img src="../img/upic.jpg" alt="">
                </a>
              </div>
            </div>
            <div class="announcement">
              <div><span>公告</span><span>新鲜事儿都在这里~</span></div>
              <ul>
                <li><a href="#"><span>热点</span><span>设计创加3D五福大赛来袭1</span></a></li>
                <li><a href="#"><span>热点</span><span>全球新发现，好物开枪就现在</span></a></li>
                <li><a href="#"><span>热点</span><span>完款新品流行苏强先来看</span></a></li>
              </ul>
            </div>
            <div class="user_mess">
              <div>
                <a href="#">
                  <span class="iconfont">&#xe65e;</span>
                  <div>收藏的宝贝</div>
                </a>
              </div>
              <div>
                <a href="#">
                  <span class="iconfont">&#xe64a;</span>
                  <div>买过的店铺</div>
                </a>
              </div>
              <div>
                <a href="#">
                  <span class="iconfont">&#xe736;</span>
                  <div>收藏的店铺</div>
                </a>
              </div>
              <div>
                <a href="#">
                  <span class="iconfont">&#xe619;</span>
                  <div>我的足迹</div>
                </a>
              </div>
            </div>
          </div>
        </div>
        <!-- 天猫超市 -->
        <div class="supermarket">
          <div>
            <img src="../img/supermarket.webp" alt="">
          </div>
          <div class="supermarket_con">
            <!-- <div class="supermarket_li">
            <a href="#">
              <img src="../img/super1.webp" alt="">
              <p>好吃不好好学习天天向上之列你个</p>
              <span>￥22.9</span>
            </a>
          </div> -->
          </div>
        </div>
        <!-- 天猫国际 -->
        <!-- <div class="supermarket">
        <div>
          <img src="../img/supermarket.webp" alt="">
        </div>
        <div class="supermarket_con">
           <div class="supermarket_li">
            <a href="#">
              <img src="../img/super1.webp" alt="">
              <p>好吃不好好学习天天向上之列你个</p>
              <span>￥22.9</span>
            </a>
          </div>       
        </div>
      </div> -->

      </div>

    </div>
    <div id="footer">
      <div class="footer_t">
        <a href="#"></a>
        <a href="#"></a>
        <a href="#"></a>
        <a href="#"></a>
      </div>
      <div class="footer_c">
        <div>
          <dl>
            <dt>
              <span> 购物指南</span>
            </dt>
            <dd>
              <a href="#">免费注册</a>
              <a href="#">开通支付宝</a>
              <a href="#">支付宝充值</a>
            </dd>
          </dl>
          <dl>
            <dt>
              <span> 购物指南</span>
            </dt>
            <dd>
              <a href="#">免费注册</a>
              <a href="#">开通支付宝</a>
              <a href="#">支付宝充值</a>
            </dd>
          </dl>
          <dl>
            <dt>
              <span> 购物指南</span>
            </dt>
            <dd>
              <a href="#">免费注册</a>
              <a href="#">开通支付宝</a>
              <a href="#">支付宝充值</a>
            </dd>
          </dl>
          <dl>
            <dt>
              <span> 购物指南</span>
            </dt>
            <dd>
              <a href="#">免费注册</a>
              <a href="#">开通支付宝</a>
              <a href="#">支付宝充值</a>
            </dd>
          </dl>
          <dl>
            <dt>
              <span> 购物指南</span>
            </dt>
            <dd id="last">
              <a href="#"><img src="../img/footer_ma.png" alt=""></a>
            </dd>
          </dl>
        </div>
      </div>
      <div class="footer_b">
        <p>
          <a href="">关于天猫</a>
          <a href="">商家服务大厅</a>
          <a href="">开放平台</a>
          <a href="">诚聘英才</a>
          <a href="">联系我们</a>
          <a href="">网站合作</a>
          <a href="">法律声明</a>
          <a href="">隐私权政策</a>
          <a href="">知识产权</a>
          <a href="">廉正举报</a>
          <a href="">不当竞争举报</a>
        </p>
        <p>
          <a href="">阿里巴巴集团</a><span>|</span><a href="">淘宝网</a>|
          <a href=""> 天猫</a><span>|</span>
          <a href=""> 聚划算</a><span>|</span>
          <a href="">全球速卖通</a><span>|</span>
          <a href=""> 阿里巴巴国际交易市场</a><span>|</span>
          <a href=""> 1688</a><span>|</span>
          <a href="">阿里妈妈</a><span>|</span>
          <a href="">飞猪</a><span>|</span>
          <a href="">阿里云计算</a><span>|</span>
          <a href=""> AliOS</a><span>|</span>
          <a href=""> 阿里通信</a><span>|</span>
          <a href="">万网</a><span>|</span>
          <a href="">高德</a><span>|</span>
          <a href="">UC</a><span>|</span>
          <a href="">友盟</a><span>|</span>
          <a href="">虾米</a><span>|</span><a href="">钉钉</a>|
          <a href="">支付宝</a><span>|</span><a href="">阿里安全</a>
        </p>
        <div>
          <a href="">增值电信业务经营许可证：浙B2-20110446</a>
          <span>市场名称登记证：工商网市字3301004119号</span>
          <span>出版物网络交易平台服务经营备案证： 新出发浙备字第2019002号</span>
          <br>
          <span>互联网违法和不良信息举报电话：0571-81683755 blxxjb@alibaba-inc.com</span>
          <span>互联网药品信息服务资质证书编号：<a href="">浙-（经营性）-2017-0005</a></span>
          <a href="" class="gongan">
            <img src="../img/zga.png" alt=""> 浙公网安备 33010002000120号</a>
          <br>
          <span>医疗器械网络交易服务第三方平台备案:（浙）网械平台备字[2018]第00002号</span>
          <br>
          <span>浙江省网络食品销售第三方平台提供者备案：浙网食A33010002</span>
          <a href=""> 12318举报</a><a href=""> 浙B2-20110446-1</a>
          <br>
          <span>&copy; 2003-现在 TMALL.COM 版权所有</span>
        </div>

      </div>
    </div>
  </div>
  <script src="../libs/jquery.js"></script>
  <script src="../libs/swiper.min.js"></script>
  <script src="../libs/axios.min.js"></script>
  <script src="../js/index.js"></script>

</body>

</html>